<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, userscalable=no,
    initial-scale=1.0, maxinum-scale=1.0, mininum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
    <title>携程在手，说走就走</title>
</head>

<body>
    		<!-- 搜索模块 -->
            <!-- herf=#表示目前链接不用，点击还是跳转到本页面 -->
		<div class="search-index">
			<input class="search" type="text" placeholder="搜索:目的地/酒店/景点/航班号">
			<a href="#" class="user">
                <img src="image/my.jpg" style="height: 23px;width: 23px;display: block;margin: 0 auto;">
                <div class="my">我的</div>
            </a>
		</div>

        

        <!-- 导航栏1 -->
        <div class="nav-one">
            <div class="one-item" style="background-color: aliceblue;">特价</div>
            <div class="one-item" style="background-color: aqua;">包车</div>
            <div class="one-item" style="background-color: bisque;">租车</div>
            <div class="one-item" style="background-color: blueviolet;">周边游</div>
            <div class="one-item" style="background-color: brown;">购物</div>
        </div>
        <div class="nav-two">
            <div class="one-item" style="background-color: aliceblue;">特价</div>
            <div class="one-item" style="background-color: aqua;">包车</div>
            <div class="one-item" style="background-color: bisque;">租车</div>
            <div class="one-item" style="background-color: blueviolet;">周边游</div>
            <div class="one-item" style="background-color: brown;">购物</div>
        </div>


        <!-- 底部导航栏 -->
        <div class="down">
            <button class="down-item">首页</button>
            <button class="down-item">社区</button>
            <button class="down-item">消息</button>
            <button class="down-item">我的</button>
        </div>
    
</body>
</html>